<template>
	<t-drawer
		title="表单预览"
		:width="1000"
		:visible="visible"
		:confirmLoading="loading"
		:fullscreen="fullscreen"
		@close="cancel"
	>
		<a-form :form="form" @submit="handleSubmit">
			<a-spin :spinning="loading">
				<a-card>
					<component
						ref="previewModal"
						class="nodeForm"
						:drawing-list="drawingList"
						@getJsonData="getJsonData"
						:is="plugItem"
						v-for="(plugItem, plugIndex) in plugs"
						:key="plugIndex"
						:isview="false"
					></component>
				</a-card>
			</a-spin>
		</a-form>
	</t-drawer>
</template>

<script>
	export default {
		props: {
			visible: {
				type: Boolean,
				default: false
			}
		},
		data(){
			return {
				fullscreen: true,
				loading: false,
				form: this.$form.createForm(this),
				plugs: [],
				drawingList: {},
			}
		},
		methods:{
			getJsonData(){
				
			},
			handleSubmit(){
				
			},
			cancel(){
				this.$emit("cancel")
			}
		}
		
	}
</script>

<style>
</style>